.home {
  height: 100%;
  display: flex;
  flex-direction: column;
  > .content {
    flex: 1;
    background-color: #e5e5e5;
  }
}

.home-channels {
  display: flex;
  height: 48px;
  align-items: center;
  width: 100%;
  padding: 0 10px;

  .list {
    flex: 1;
    height: 30px;
    display: flex;
    overflow-x: scroll;
    &::-webkit-scrollbar {
      display: none;
    }

    > .item {
      padding: 5px 16px;
      color: #636363;
      font-size: 14px;
      white-space: nowrap;

      &:first-child {
        padding-left: 0;
      }
    }
    > .selected {
      color: #000;
    }
  }
  .more {
    color: #636363;
    font-size: 18px;
  }
}
